import Vue from "vue"
// 导入路由
import VueRouter from "vue-router"
// 安装路由插件
Vue.use(VueRouter)

// 路由是一个路径对应一个组件的插件
// 导入组件
import mya from "../components/myaPage.vue"
import myb from "../components/mybPage.vue"
// 准备路由规则（所谓的规则就是你定义一下，什么路径对应什么组件）
// 名字一定要叫routes
const routes = [
  // 每个规则是一个对象,path写路径，component写组件
  // 这个意思就是指以后用 /a 这个路径来切换显示 组件A
  { path: "/a", component: mya },
  // 这个意思就是指以后用 /b 这个路径来切换显示 组件B
  { path: "/b", component: myb },
]

// 实例化路由对象，并应用规则
const router = new VueRouter({
  routes,
})
export default router
